//入口文件
console.log('ok'); 

//在webpack中，使用 import Vue from 'vue' 导入的Vue构造函数，功能不完全，只提供了runtime-only的方式，不全面。
import Vue from 'vue'
// import Vue from '../node_modules/vue/dist.vue.js'
//包查找的规则：
//1，找项目根目录的 node_moduless 文件夹
//2，在node_moduless中，根据包名，查找对应得 vue文件夹
//3，在vue文件夹中，找 package.json 的包配置文件
//4，在package.json中，查找main属性【main】属性指定了这个包被加载时的入口文件

import login from './login.vue'
//默认webpack无法打包 .vue文件，需要安装相关的loader：
// cnpm i vue-loader vue-template-compiler -D
// 在配置文件中，新增loader的配置项 {test:/\.vue$/,use:'vue-loader'}

var vm=new Vue({
    el:"#app",
    data:{
        msg:'123'
    },
    // render:function(createElements){
    //     return createElements(login)
    // }
    render:c=>c(login) //简写方式，和上面的意思一样
})


//在webpack中使用vue：
//1，安装vue的包：cnpm i vue -S
//2，在webpack中，推荐使用.vue 这个组件模板来定义组件，需要安装能解析
//   这种文件的loader  ：cnpm i vue-loader vue-template-complier -D
//   Vue-loader在15.*之后的版本都是 vue-loader的使用都是需要伴生 VueLoaderPlugin的
// 所以我们要在这两个的基础上再去下载这个插件
// npm i vue-loader-plugin -S
// 然后在配置文件（webpack.config.js）那边要加上
// webpack.config.js
// const VueLoaderPlugin = require('vue-loader/lib/plugin')
// module.exports = {
//   // ...
//   plugins: [
//     new VueLoaderPlugin()
//   ]
// }
//3，在main.js中，导入vue 模块：import Vue from 'vue'
//4，定义一个.vue结尾的组件，组成由三部分：template script style
//5，使用 improt login from './login.vue' 导入这个组件
//6，创建vm实例
//7，把组件挂载到页面中index.html


import mm,{title as title111,age} from './test.js'
console.log(mm);
console.log(title111+"---"+age);